<!DOCTYPE HTML>
<html>
  <head>
    <meta name="viewport" content="width=320; user-scalable=no" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Minimal AppLaud App</title>
		
	  <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.css" type="text/css" media="all" charset="utf-8"/>	
	  <link rel="stylesheet" href="app.css" type="text/css" media="all" charset="utf-8"/>
	  <script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
	  <script type="text/javascript" src="jquery.mobile/jquery-1.7.2.min"></script>
	  <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.3.1.js"></script>
	  <script type="text/javascript" charset="utf-8">
      
        var onDeviceReady = function() {
            document.getElementById("devready").innerHTML = "OnDeviceReady fired.";
        };

        function init() {
            document.addEventListener("deviceready", onDeviceReady, true);
        }   
</script>  
<script type="text/javascript" src="app.js"></script>
  </head>
  <body onload="init();" id="stage">
   	<div data-role="page" id="main" class="page">
	    <div data-role="header" data-position="fixed" class="lta-header">
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#settings" data-icon="gear" data-iconpos="notext" class="ui-btn-right lta-settings-button"></a>
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#info" data-icon="info" data-iconpos="notext"   class="ui-btn-right lta-info-button"></a>
	        <span class="lta-header-title">Language Trainer</span>
	    </div>
	    <div data-role="content" class="lta-content">
	    	<div class="ui-grid-a">
            	<div class="ui-block-a">
            		<a id="add-choise" class="lta-add-choise">
            			<span>add/edit words<br/>or<br/>frases<br/></span>
            			<img src="images/lta-add.png"/>
            		</a>
           		</div>
            	<div class="ui-block-b">
            		<a id="training-choise" class="lta-training-choise">
            			<span>start<br/>training<br/><br/></span>
            			<img src="images/lta-training.png"/>
            		</a>
            	</div>
	    	</div>
		</div>
		<div data-role="footer" data-position="fixed" class="lta-footer">
        	<span id="description" class="lta-description"></span>
        	<a data-role="button" id="buttonEnter" data-transition="flip" href="" class="lta-button-enter" style="display:none;"></a>
    	</div>
	</div>
	
	
	
	<div data-role="page" id="settings">
	    <div data-theme="b" data-role="header" data-position="fixed">
	        <a data-role="button" href="#main" data-icon="arrow-l" data-iconpos="left"
	        class="ui-btn-left">
	            Back
	        </a>
	        <h1>
	            Settings
	        </h1>
	    </div>
	    <div data-role="content">
	    	 <div data-role="collapsible-set">
            <div data-role="collapsible" data-collapsed="false">
                <h3>
                    Account Settings
                </h3>
                <form action="">
                    <div data-role="fieldcontain">
                        <label for="textinput1">
                            e-mail:
                        </label>
                        <input name="email" id="textinput1" placeholder="" value="" type="email"
                        data-mini="true">
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-type="vertical" data-mini="true">
                            <legend>
                                Language (all elements of program will use this language)
                            </legend>
                            <input id="radio1" name="langApp" value="eng" type="radio">
                            <label for="radio1">
                                English
                            </label>
                            <input id="radio2" name="langApp" value="rus" type="radio">
                            <label for="radio2">
                                Russian
                            </label>
                            <input id="radio3" name="langApp" value="ua" type="radio">
                            <label for="radio3">
                                Ukrainian
                            </label>
                        </fieldset>
                    </div>
                </form>
            </div>
            <div data-role="collapsible" data-collapsed="false">
                <h3>
                    Languages
                </h3>
                <a data-role="button" href="#page1" data-icon="plus" data-iconpos="left">
                    Add New
                </a>
                <div data-role="fieldcontain">
                    <select id="selectmenu1" name="">
                        <option value="eng">
                            English
                        </option>
                        <option value="rus">
                            Russian
                        </option>
                    </select>
                </div>
            </div>
        </div>
	    </div>
	</div>
	
	<div data-role="page" id="addEdit">
		<div data-role="header" data-position="fixed" class="lta-header">
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#settings" data-icon="gear" data-iconpos="notext" class="ui-btn-right lta-settings-button"></a>
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#info" data-icon="info" data-iconpos="notext"   class="ui-btn-right lta-info-button"></a>
	        <span class="lta-header-title">Language Trainer</span>
	    </div>
	    <div data-role="content" class="lta-content">add</div>
	    				
	</div>
	<div data-role="page" id="training">
		<div data-role="header" data-position="fixed" class="lta-header">
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#settings" data-icon="gear" data-iconpos="notext" class="ui-btn-right lta-settings-button"></a>
	        <a data-role="button" data-theme="b" data-transition="slide" data-inline="true" href="#info" data-icon="info" data-iconpos="notext"   class="ui-btn-right lta-info-button"></a>
	        <span class="lta-header-title">Language Trainer</span>
	    </div>
	    <div data-role="content" class="lta-content">training</div>
	</div>
  </body>
</html>
